* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

image {
	height: 0;
	display: block;
}

// 全局背景色
page{
	background: #F9FAFC;
}
.pages{
	background-color: #F9FAFC;
	position: relative;
	min-height: 100vh;
	/* #ifdef APP-PLUS */
	min-height: 100vh;
	/* #endif */
	overflow: scroll;
}
.contentBg{
	background: $globalColor-bgStyle;
	height: 100vh;
}

.initBtn{
	background: #001939 linear-gradient(180deg, #45CAF2 0%, #3DBAE7 30%, #3BA1D7 100%);
	border-radius: 14rpx;
	color: $globalColor-white;
	margin: 20rpx auto;
	text-align: center;
	width: 100%;
	font-size: 32rpx;
	font-family: PingFang SC-Bold, PingFang SC;
	font-weight: 400;
	padding: 26rpx 0;
	font-weight: bold;
	&-border{
		text-align: center;
		width: 100%;
		background: #1C1924;
		border-radius: 200rpx;
		padding: 26rpx 0;
		font-weight: bold;
		text{
			font-size: 32rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: 600;
			background: #004AFF;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
	}
	&-mt{
		margin: 60rpx auto 158rpx;
	}
}

.inputStyle{
	font-size: 28rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 400;
	color: #666666;
}


/*滚动条整体样式*/
*::-webkit-scrollbar{
	width: 8px;
	height: 1rpx;
}
/*滚动条滑块*/
*::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: transparent;
	background: transparent;
}
/*滚动条轨道*/
*::-webkit-scrollbar-track{
	-webkit-box-shadow: transparent;
	border-radius: 10px;
	background: transparent;
}

// 隐藏scroll-view的滚动条
::-webkit-scrollbar {
    display: none;  
    width: 0 !important;  
    height: 0 !important;  
    -webkit-appearance: none;  
    background: transparent;  
}

.tipsBox{
	@include flexBetween;
	align-items: flex-start;
	height: 72rpx;
	&-left{
		.title{
			font-size: 36rpx;
			font-family: PingFang SC-Semibold, PingFang SC;
			font-weight: 600;
			color: #333333;
			position: relative;
			padding-left: 22rpx;
			&::before{
				content: '';
				position: absolute;
				top: 50%;
				left: 0;
				transform: translate(0%,-50%);
				width: 12rpx;
				height: 48rpx;
				background: #D9D9D9 linear-gradient(180deg, #45CAF2 0%, #3DBAE7 30%, #3BA1D7 100%);
				border-radius: 4px
			}
		}
	}
	&-right{
		@include flexRight;
		margin: 0 20rpx;
		.btn{
			background: #3080D3 linear-gradient(180deg, #45CAF2 0%, #3DBAE7 30%, #3BA1D7 100%);
			border-radius: 16rpx;
			opacity: 0.9;
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			padding: 16rpx 42rpx;
			cursor: pointer;
			white-space: nowrap;
			&--ML{
				margin-left: 20rpx;
			}
		}
		.searchBox{
			background: #FAFAFA;
			box-shadow: 2rpx 6rpx 26rpx 0rpx rgba(200,200,200,0.2);
			border-radius: 16rpx;
			border: 2rpx solid #EEEEEE;
			padding: 12rpx 30rpx;
			margin-right: 20rpx;
			@include flexLeft;
			.search{
				width: 48rpx;
				height: 48rpx;
				margin-right: 8rpx;
			}
			input{
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0,0,0,0.9);
			}
			.inputSearch{
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0,0,0,0.9);
			}
		}
		.linkBox{
			@include flexLeft;
			.label{
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #333333;
				margin-right: 16rpx;
			}
			.inputBox{
				background: #FAFAFA;
				box-shadow: 2rpx 6rpx 26rpx 0rpx rgba(200,200,200,0.2);
				border-radius: 16rpx;
				border: 2rpx solid #EEEEEE;
				margin-right: 20rpx;
				padding: 16rpx 28rpx;
				input{
					font-size: 32rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: rgba(0,0,0,0.9);
				}
			}
			.inputLink{
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #666666;
			}
			input:nth-child(1){
				width: 100%;
				margin-left: 4rpx;
			}
			input:nth-child(2){
				width: 40%;
				margin-left: 4rpx;
			}
		}
	}
}
	
.content {
	width: 85%;
	margin: (80rpx + 140rpx) auto;
	.boxBg{
		background: #FFFFFF;
		box-shadow: 0rpx 8rpx 24rpx 0rpx rgba(239,239,239,0.45);
		border-radius: 32rpx;
		padding: 64rpx 48rpx 78rpx;
		&--1{
			margin-top: 48rpx;
		}
	}
	.topBox{
		@include flexBetween;
		&-info{
			width: 48%;
			// height: 856rpx;
		}
	}
	
	.checkBox{
		@include flexBetween;
		align-items: flex-end;
		&-list{
			@include flexLeft;
			flex-wrap: wrap;
			width: 90%;
			padding: 0 3%;
			&__item{
				@include flexLeft;
				flex-wrap: wrap;
				width: 50%;
				&:nth-child(1){
					margin-bottom: 52rpx;
				}
				&:nth-child(2){
					margin-bottom: 52rpx;
				}
				&--width100{
					width: 100%;
				}
				.info{
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
					width: 25%;
					text-align: right;
					padding-right: 48rpx;
					&--white12{
						width: 12.5%;
					}
				}
				.inputInfo{
					width: 75%;
					@include flexLeft;
					background: #FAFAFA;
					box-shadow: 2rpx 6rpx 26rpx 0rpx rgba(200,200,200,0.2);
					border-radius: 16rpx;
					border: 2rpx solid #EEEEEE;
					padding: 16rpx 28rpx;
					.inputStyle{
						font-size: 28rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #666666;
					}
					input{
						font-size: 28rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #000;
						width: 100%;
					}
					&--white87{
						width: 87.5%;
					}
					&--two{
						input{
							&:nth-child(1){
								width: 22%;
								border-right: 1px solid #000000;
								margin-right: 16rpx;
							}
						}
					}
				}
				/deep/ .uni-date-x{
					background: #FAFAFA;
					box-shadow: 2rpx 6rpx 26rpx 0rpx rgba(200,200,200,0.2);
					border-radius: 16rpx;
					cursor: pointer;
				}
				/deep/ .popup-x-body .uni-calendar:nth-child(2){
					display: none;
				}
				
				/deep/.uni-select{
					background: #FAFAFA;
					box-shadow: 2rpx 6rpx 26rpx 0rpx rgba(200,200,200,0.2);
					border-radius: 16rpx;
					cursor: pointer;
					height: 37.59px;
				}
				/deep/ .uni-select__input-text{
					width: 95%;
				}
			}
		}
		&-btnBox{
			@include flexRightColumn;
		}
		&-btn{
			background: #3080D3 linear-gradient(180deg, #45CAF2 0%, #3DBAE7 30%, #3BA1D7 100%);
			border-radius: 16rpx;
			opacity: 0.9;
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			padding: 16rpx 110rpx;
			cursor: pointer;
			white-space: nowrap;
			&--mt{
				margin-bottom: 52rpx;
			}
		}
	}
	
	.tableTopBox{
		height: 550rpx;
		overflow: hidden;
		margin: 42rpx 0 0;
		border-radius: 12rpx;
		border: 2rpx solid #DEE1E7;
		position: relative;
		&--1{
			height: 600rpx;
		}
		&--noHeight{
			height: auto !important;
		}
		&-header{
			@include flexBetween;
			background: #F5F7FA;
			// position: fixed;
			top: 0;
			width: 100%;
			height: 110rpx;
			.title{
				width: 33.33%;
				font-size: 32rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #333333;
				text-align: center;
				padding: 30rpx 0 42rpx;
				&--1{
					width: 20%;
				}
				&--2{
					width: 25% !important;
				}
				&--01{
					width: 20%;
				}
			}
			.title:nth-child(1){
				width: 20%;
			}
		}
		&-list{
			@include flexLeftColumn;
			justify-content: flex-start;
			height: calc(550rpx - 110rpx);
			overflow-x: hidden;
			overflow-y: scroll;
			-webkit-overflow-scrolling: touch; /* 增加弹性 */
			user-select: none; /* 移动端一般会设置不可选中 */
			.scrollHeight{
				height: 100%;
			}
			&--1{
				height: calc(600rpx - 110rpx);
			}
			&__item{
				@include flexBetween;
				width: 100%;
				border-bottom: 2rpx solid #F1F1F1;
				padding: 24rpx 0;
				.label{
					width: 33.33%;
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					color: rgba(51,51,51,0.6);
					text-align: center;
					cursor: text;
					overflow: hidden;
					.check{
						width: 116rpx;
						height: 40rpx;
						margin: auto;
						cursor: pointer;
					}
					.del{
						width: 48rpx;
						height: 48rpx;
						margin: auto;
						cursor: pointer;
					}
					.jion{
						width: 120rpx;
						height: 44rpx;
						margin: auto;
						cursor: pointer;
					}
					&--copy{
						cursor: pointer;
					}
					&--1{
						width: 20%;
					}
					&--2{
						width: 25% !important;
					}
					&--01{
						width: 20%;
					}
					&--auto{
						width: auto;
					}
					&--flexBox{
						width: 25% !important;
						@include flexCenter;
						.imgBox{
							width: 48rpx;
							height: 48rpx;
							background: #F5F5F5;
							border-radius: 4rpx;
							text-align: center;
							position: relative;
							cursor: pointer;
							image{
								width: 32rpx;
								height: 32rpx;
								margin: auto;
								position: absolute;
								top: 50%;
								left: 50%;
								transform: translate(-50%,-50%);
								z-index: 8;
							}
						}
						input{
							font-size: 28rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 500;
							color: rgba(51,51,51,0.6);
							width: 100rpx;
							height: 48rpx;
							background: #F5F5F5;
							border-radius: 4rpx;
							margin: 0 8rpx;
						}
					}
				}
				.label:nth-child(1){
					width: 20%;
				}
			}
			&--noHeight{
				height: auto !important;
				.label{
					cursor: pointer;
				}
			}
		}
	}

	.pagesBox{
		width: 100%;
		margin-top: 50rpx;
		&-box{
			@include flexRight;
		}
		&-item{
			@include flexRight;
			.totalNum{
				@include flexRight;
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #000000;
				margin: 0 0 0 46rpx;
				padding: 16rpx 0;
				input{
					width: 168rpx;
					height: 80rpx;
					border-radius: 8rpx;
					border: 2rpx solid #C7C7C7;
					text-align: center;
					margin: 0 46rpx;
				}
			}
		}
	}
}

@media (max-width: 1100px) {
	.content {
		.topBox{
			@include flexCenterColumn;
			&-info{
				width: 100%;
				&:nth-child(2){
					margin-top: 48rpx;
				}
			}
		}
		.boxBg{
			&--1{
				.tipsBox{
					@include flexLeftColumn;
					&-right{
						margin: 20rpx 0;
					}
				}
			}
		}
	}
}

@media (max-width: 800px) {
	.content {
		width: 90%;
		margin: 160rpx auto 240rpx;
		.topBox{
			@include flexCenterColumn;
			&-info{
				width: 100%;
				&:nth-child(2){
					margin-top: 48rpx;
				}
			}
		}
		.boxBg{
			padding: 50rpx 40rpx 60rpx;
			&--00{
				.tableTopBox{
					overflow: auto !important;
					height: auto !important;
					&-header{
						width: 1080rpx !important;
					}
					&-list{
						width: 1080rpx !important;
						height: auto !important;
					}
				}
			}
			&--0{
				.tipsBox{
					@include flexLeftColumn;
					height: auto !important;
					&-right{
						margin: 40rpx 0 0;
					}
				}
				.tableTopBox{
					overflow: auto !important;
					height: auto !important;
					&-header{
						width: 750rpx !important;
					}
					&-list{
						width: 750rpx !important;
						// height: auto !important;
						&__item{
							.label{
								.check{
									width: 60rpx;
									height: 20rpx;
								}
							}
						}
					}
				}
			}
			&--1{
				.tipsBox{
					@include flexLeftColumn;
					height: auto !important;
					&-right{
						margin: 40rpx 0 0;
						@include flexRightColumn;
						.linkBox{
							margin-bottom: 30rpx;
							.inputBox{
								margin-right: 0;
							}
						}
					}
				}
				.tableTopBox{
					overflow: auto !important;
					height: auto !important;
					&-header{
						width: 1800rpx !important;
					}
					&-list{
						width: 1800rpx !important;
						height: auto !important;
					}
				}
			}
		}
		.checkBox{
			@include flexLeftColumn;
			&-list{
				width: 100%;
				padding: 0;
				&__item{
					width: 100%;
					margin: 20rpx 0;
					&:nth-child(1){
						margin-bottom: 0;
					}
					&:nth-child(2){
						margin-bottom: 0;
					}
					.info{
						width: 30%;
						padding-right: 10rpx;
					}
					.inputInfo{
						width: 70%;
					}
				}
			}
			&-btnBox{
				@include flexBetween;
				flex-direction: row;
				width: 100%;
			}
			&-btn{
				margin: auto;
				&:nth-child(1){
					margin-bottom: 0;
				}
			}
		}
		.pagesBox{
			&-item{
				justify-content: center;
			}
			.page-scroll{
				justify-content: center;
				align-items: center;
			}
			/deep/ .page-pagination .page-con .page-scroll .page-scroll-child .pag-btn{
				height: 70rpx !important;
				line-height: 60rpx !important;
				padding: 10rpx 16px;
			}
			/deep/ .page-pagination .page-con .page-scroll .page-scroll-child .page-num{
				flex-wrap: wrap;
				margin: 20rpx 0;
			}
			/deep/ .page-pagination .page-con .page-scroll .page-scroll-child{
				flex-direction: column;
			}
			/deep/ .pag-btn{
				// margin-left: 0 !important;
				margin: 20rpx 0 0rpx;
			}
			/deep/ .page-scroll{
				justify-content: center;
			}
		}
	}
	
}
	
	

